/* 基础设置 */
/* 这是针对缺省样式 (必须的) */
::-webkit-scrollbar {width: 5px;height: 5px;}

/* 滚动条的滑轨背景颜色 */
::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.6);-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}

/* 滑块颜色 */
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.8);-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}

/* 滑轨两头的监听按钮颜色 */
::-webkit-scrollbar-button {-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;width: 0;height: 0;background-color: rgba(0, 0, 0, 0.9);}

/* 横向滚动条和纵向滚动条相交处尖角的颜色 */
::-webkit-scrollbar-corner {background-color: rgba(0, 0, 0, 0.9);}

.builder-create-form {margin: 1rem;overflow: hidden; }

.builder-create-form * {outline: 0 !important;box-shadow: none !important;}

.builder-create-form .form-group .control-label {padding-top: .375rem !important;}

.builder-create-form .form-group .col-md-12.control-label {text-align: left !important;}

.builder-create-form .form-control, .form-control:focus {box-shadow: none !important;}

.builder-create-form .help-block {display: inline-block;font-size: 1rem;line-height: 1.5;color: #DC3545;margin: 5px 0 0 0;}

.builder-create-form small.help-block {font-weight: bolder;}

/* 多行json 样式 */
.builder-create-form .form-json-group {width: 100%;}

.builder-create-form .form-json-group-demo {display: none;}

.builder-create-form .form-json-group-core {width: 100%;position: relative;}

.builder-create-form .form-json-group-core .form-json-item {margin-bottom: 10px;position: relative;}

.builder-create-form .form-json-group-core .form-json-item .input-group-btn-fixed {display: none;position: absolute;top: 0;right: 0;z-index: 5;}

.builder-create-form .form-json-group-core .form-json-item:hover .input-group-btn-fixed {display: block;}

/* radio & checkbox 优化 */
.builder-create-form .demo--label {margin: 5px 0;display: inline-block;cursor: pointer;line-height: 1.2;}

.builder-create-form .demo--radio {display: none;}

.builder-create-form .demo--radioInput {background-color: #FFF;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 50%;display: inline-block;height: 18px;margin: 0 5px 0 10px;vertical-align: bottom;width: 18px;}

.builder-create-form .demo--radioInput:after {background-color: transparent;border-radius: 50%;content: "";display: inline-block;height: 12px;margin: 2px;width: 12px;}

.builder-create-form .demo--radioInput-help {height: 18px;line-height: 18px;}

.builder-create-form .demo--radio:checked + .demo--radioInput:after {background-color: #57AD68;}

.builder-create-form .demo--checkbox.demo--radioInput, .demo--radio:checked + .demo--checkbox.demo--radioInput:after {border-radius: 0;}

/* bootstrap-switch */
.builder-create-form .bootstrap-switch.bootstrap-switch-focused {box-shadow: none; }

/* bootstrap-tagsinput */
.builder-create-form .bootstrap-tagsinput {width: 100% !important; outline: none;
    display: block;
    height: calc(2.25rem + 2px);
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid #CED4DA;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.builder-create-form .bootstrap-tagsinput .tag {padding-top: 0;}

/* 拖放时，提前预设DOM节点的class名称，可在此class下定义相应的样式*/
.sortable-ghost {}

/* 选中时的DOM节点的class名称，可在此class下定义相应的样式 */
.sortable-chosen {}

/* 拖放时的DOM节点的class名称，可在此class下定义相应的样式 */
.sortable-drag {}